import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    component: () => import('../views/AboutView.vue')
  },
  {
    path: '/coolHome',
    name: 'coolHome',
    component: () => import('../views/cool-home/index.vue')
  },
  // {
  //   path: '/timeline',
  //   name: 'timeline',
  //   component: () => import('../views/home/timeline.vue')
  // },
  {
    path: '/raw',
    name: 'raw',
    component: () => import('../views/home/raw-measurement-data.vue')
  },
  {
    path: '/cross',
    name: 'cross',
    component: () => import('../views/home/cross-dating-data.vue')
  },
  {
    path: '/adminManagement',
    name: 'adminManagement',
    component: () => import('../views/admin-manegement/index.vue')
  },
  {
    path: '/personalsetting',
    name: 'personalSetting',
    component: () => import('../views/personal-setting/index.vue')
  },
  {
    path: '/collectInfo',
    name: 'collectInfo',
    component: () => import('../views/collect-info/index.vue')
  },
  {
    path: '/querystatistics',
    name: 'querystatistics',
    component: () => import('../views/query-statistics/index.vue')
  },
  {
    path: '/experimentalProcedure',
    name: 'experimentalProcedure',
    component: () => import('../views/experimental-procedure/index.vue')
  },
  {
    path: '/sampleInfo',
    name: 'sampleInfo',
    component: () => import('../views/sample-info/index.vue')
  },
  {
    path: '/treeRing',
    name: 'treeRing',
    component: () => import('../views/tree-ring/index.vue')
  },
  {
    path: '/diagramPreview',
    name: 'diagramPreview',
    component: () => import('../views/tree-ring/diagram-preview/index.vue')
  },
  {
    path: '/articlePreview',
    name: 'articlePreview',
    component: () => import('../views/tree-ring/article-preview/index.vue')
  },
  // {
  //   path: '/resultsDetail',
  //   name:'resultsDetail',
  //   component: () => import('../views/tree-ring/results-details/index.vue')
  // },
  {
    path: '/newSequence',
    name: 'newSequence',
    component: () => import('../views/new-sequence/index.vue')
  },
  {
    path: '/WelcomeHome',
    name: 'WelcomeHome',
    component: () => import('../components/WelcomeHome.vue')
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
